<nz-modal nzWidth="1000" [(nzVisible)]="isVisible" [nzTitle]="l('cargo_information')" (nzOnCancel)="handleCancel()" (nzOnOk)="handleOk()">
  <form nz-form>
    <div nz-row>
      <div nz-col nzSpan="8">
        <nz-form-item nzFlex>
          <nz-form-label nzRequired nzFor="customCode">{{l('customs_code')}}</nz-form-label>
          <nz-form-control>
            {{product.customCode}}
          </nz-form-control>
        </nz-form-item>
        <nz-form-item nzFlex>
          <nz-form-label nzRequired nzFor="ctn">{{l('number_of_packages')}}</nz-form-label>
          <nz-form-control>
            {{product.ctn}}
          </nz-form-control>
        </nz-form-item>
        <nz-form-item nzFlex>
          <nz-form-label nzRequired nzFor="pesobruto">{{l('gross_weight')}}</nz-form-label>
          <nz-form-control>
            {{product.pesobruto}}
          </nz-form-control>
        </nz-form-item>
      </div>
      <div nz-col nzSpan="8">
        <nz-form-item nzFlex>
          <nz-form-label nzRequired nzFor="containerCode">{{l('container_no')}}</nz-form-label>
          <nz-form-control>
            {{product.containerCode}}
          </nz-form-control>
        </nz-form-item>
        <nz-form-item nzFlex>
          <nz-form-label nzRequired nzFor="packagekind">{{l('kind_of_package')}}</nz-form-label>
          <nz-form-control>
            {{product.packagekind}}
          </nz-form-control>
        </nz-form-item>
        <nz-form-item nzFlex>
          <nz-form-label nzRequired nzFor="pesoquido">{{l('net_weight')}}</nz-form-label>
          <nz-form-control>
            {{product.pesoquido}}
          </nz-form-control>
        </nz-form-item>
      </div>
      <div nz-col nzSpan="8">
        <nz-form-item nzFlex>
          <nz-form-label nzRequired nzFor="despachante">{{l('clearance')}}</nz-form-label>
          <nz-form-control>
            {{product.despachante}}
          </nz-form-control>
        </nz-form-item>
        <nz-form-item nzFlex>
          <nz-form-label nzRequired nzFor="du">{{l('only_declare')}}</nz-form-label>
          <nz-form-control>
            {{product.du}}
          </nz-form-control>
        </nz-form-item>
        <nz-form-item nzFlex>
          <nz-form-label nzRequired nzFor="rdia">{{l('customs_quarantine_results')}}</nz-form-label>
          <nz-form-control>
            {{product.rdia}}
          </nz-form-control>
        </nz-form-item>
      </div>
    </div>

    <nz-table #basicTable [nzData]="product.productDetailInfoDTOS">
        <thead>
          <tr>
            <th>{{l('hs_no')}}</th>
            <th>{{l('product_name')}}</th>
            <th>{{l('specification')}}</th>
            <th>{{l('count')}}</th>
            <th>{{l("unit")}}</th>
            <th>{{l('country_of_origin')}}</th>
            <th>{{l('destination_country')}}</th>
            <th>{{l('price')}}</th>
            <th>{{l('total_price')}}</th>
            <th>{{l('operation')}}</th>
          </tr>
        </thead>
        <tbody>
          <tr *ngFor="let data of basicTable.data">
            <td>
              {{data.hsCode}}
            </td>
            <td>
              {{data.productName}}
            </td>
            <td>
              {{data.spc}}
            </td>
            <td>
              {{data.quantity}}
            </td>
            <td>
              {{data.unidade}}
            </td>
            <td>
              {{data.origin}}
            </td>
            <td>
              {{data.destination}}
            </td>
            <td>
              {{data.price}}
            </td>
            <td>
              {{data.total}}
            </td>
            <td>
              {{data.moeda}}
            </td>
          </tr>
        </tbody>
      </nz-table>
  </form>
</nz-modal>
